<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no"/>
<title>订单搜索</title>
<link rel="stylesheet" href="../../../css/base.css">
<link rel="stylesheet" href="../../../css/uc_hyn.css">
<link rel="stylesheet" href="../../../css/beta2.min.css">
<script type="text/javascript" src="../../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../../js/beta2.min.js"></script>
</head>
	<body>
		<header id="header">
		<h1>订单搜索</h1>
		<a class="return" href="index.html">上一页</a>
	</header>
	<section id="search_menu">
		<ul>
			<li>
				<div class="p1">订单时间</div>
				<div class="p2"><input id="ord_date" type="text" placeholder="请选择时间" /></div>
				<div class="p3"></div>
			</li>
			<li>
				<div class="p1">订单状态</div>
				<div class="p2">
					<select name="ord_states" id="ord_states">
						<option value="1">交易完成</option>
						<option value="2">交易失败</option>
					</select>
				</div>
				<div class="p3"></div>
			</li>
		</ul>
		<div class="confirm"><button>确 认</button></div>
	</section>
	</body>
<script>
	$(function() {
		$('#ord_date').mobiscroll().date({
			theme: 'ios',
			lang: 'zh',
			display: 'bottom',
			dateFormat: 'yy-MM-dd'
		});
		
		$('#ord_states').mobiscroll().select({
			theme: 'ios',
			lang: 'zh',
			display: 'bottom',
			minWidth:200
		});

		
		$('#ord_states_dummy').attr("value","请选择状态");
		$('#ord_states_dummy').attr("style","color: #d8d8d8;");
		
		$('#ord_states').bind("change",function(){
			$('#ord_states_dummy').attr("style","color: #666;");
		});
	});
</script>
</html>
